<template>
    <div class="asheng-shop-share-div">
        <img src="../../assets/image/phone/shopfx.jpg" style="width: 350px;height: 622px;" />
        <div style="width: 100%;position: relative; top: -450px;">
            <div id="asheng-dlglog-shop-qrcode-div"></div>
        </div>
    </div>
</template>

<script>
import QRCode from 'qrcodejs2-fix';
export default {
    name: "shopShareImage",
    props: {
        id: {
            type: Number
        }
    },
    data() {
        return {

        }
    },
    created() {
        this.url = window.location.protocol + "//" + window.location.host + "/phone/index?id=" + this.id;
    },
    mounted() {
        let url = this.url;
        new QRCode(document.getElementById("asheng-dlglog-shop-qrcode-div"), {
            text: url,
            height: 160,
            width: 160
        });
    },
    methods: {

    }
}

</script>
<style scoped>
.asheng-shop-share-div {
    width: 350px;
    height: 622px;
    /* background: url('../../assets/image/phone/shopfx.jpg');
    background-size: 100%; */
    border-radius: 15px;
    overflow: hidden;
}

#asheng-dlglog-shop-qrcode-div {
    width: 160px;
    height: 160px;
    margin-left: 82px;
    border: 15px solid #eee;
}
</style>